<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>CENTV</title>
    <link rel="stylesheet" href="./css/index.css" />
  </head>
  <body>
    <div id="container">
      <header id="top">
        <div>
          <h2>IMYCODE<small>.cn</small></h2>
          <ul>
            <li>
              <img src="./upload/ico_icloud.png" alt="" />
              <span><sup></sup></span>
            </li>
            <li>
              <img src="./upload/ico_time02.png" alt="" />
              <span><sup></sup></span>
            </li>
            <li>
              <img src="./upload/ico_bell.png" alt="" />
              <span>10<sup>+</sup></span>
            </li>
          </ul>
        </div>
        <div>
          <input type="search" placeholder="搜索内容" />
          <span><img src="" alt=""/></span>
        </div>
      </header>

      <section id="bottom">
        <article id="left">
          <header>
            <p>iMyCode</p>
            <nav>
              <!-- <img src="../img/menu_btn.png" alt="" /> -->
            </nav>
          </header>
          <div class="user">
            <div class="avatar printer">
              <img src="./img/avatar_my.jpg" alt="" />
              <div class="avatar-profile"></div>
              <div class="avatar-profile2"></div>
            </div>
            <div>
              <h2>3-1-2020</h2>
              <p>全部作品</p>
            </div>
          </div>
          <footer>
            <ul>
              <li>
                <icon></icon>
                直播
              </li>
              <li>
                <icon></icon>
                视频
              </li>
              <li>
                <icon></icon>
                新闻
              </li>
            </ul>
          </footer>
        </article>

        <article id="main">
          <header class="head">
            <div class="banner">
              <div class="banner-title">
                <img src="./upload/ico_video.gif" alt="" />
                <h2>THIS IS A TEST</h2>
                <div>
                  <span>
                    <img src="./upload/ico_iuser.png" alt="" />
                    <span>
                      12,222
                    </span>
                  </span>
                  <span>
                    <img src="./upload/ico_time.png" alt="" />
                    <span>
                      1:27
                    </span>
                  </span>
                </div>
              </div>
              <img class="printer" src="./img/GEM_banner.jfif" alt="" />
            </div>
          </header>

          <section class="item_list">
            <div class="item">
              <span class="banner_tv">
                <span class="zoom">
                  <img src="./upload/ico_tv.png" alt="" />
                  <h2>IT's this</h2>
                </span>
                <img class="printer" src="./img/GEM_01.jfif" alt="" />
              </span>
              <ul class="user_review">
                <li>
                  <header>
                    <div class="avatar zoom_04x">
                      <div class="avatar-profile">
                        <img src="./img/avatar_my.jpg" alt="" />
                      </div>
                      <div class="jieshao">
                        <h4>IMYCODE</h4>
                        <p>这是我的偶像邓紫棋</p>
                      </div>
                    </div>

                    <button>点击订阅</button>
                  </header>
                  <p class="duanluo">
                    邓紫棋（Gloria Tang Tsz-Kei），又名G.E.M.（“Get Everybody
                    Moving”的简称），本名邓诗颖，1991年8月16日生于中国上海，4岁移居香港，中国香港女歌手、词曲创作人。2008年7月10日，以16岁之龄出道。同年10月16日，发行首张EP《G.E.M.》，取得香港各大乐坛颁奖礼新人金奖。2011年5月，以19岁之龄在香港红馆举办5场个人演唱会
                  </p>
                </li>
                <li class="review">
                  <ul class="clearfix">
                    <li>
                      <div>
                        <h2>1st</h2>
                        <p>排行</p>
                      </div>
                    </li>
                    <li>
                      <div>
                        <h2>100st</h2>
                        <p>评论</p>
                      </div>
                    </li>
                    <li>
                      <div>
                        <h2>99st</h2>
                        <p>转发</p>
                      </div>
                    </li>
                    <li>
                      <div>
                        <h2>76st</h2>
                        <p>收藏</p>
                      </div>
                    </li>
                  </ul>
                </li>
                </ul>
                </li>
              </ul>
            </div>
            <div class="item">
              <span class="banner_tv">
                <span class="zoom">
                  <img src="./upload/ico_tv.png" alt="" />
                  <h2>IT's this</h2>
                </span>
                <img class="printer" src="./img/GEM_01.jfif" alt="" />
              </span>
              <ul class="user_review">
                <li>
                  <header>
                    <div class="avatar zoom_04x">
                      <div class="avatar-profile">
                        <img src="./img/avatar_my.jpg" alt="" />
                      </div>
                      <div class="jieshao">
                        <h4>IMYCODE</h4>
                        <p>这是我的偶像邓紫棋</p>
                      </div>
                    </div>

                    <button>点击订阅</button>
                  </header>
                  <p class="duanluo">
                    邓紫棋（Gloria Tang Tsz-Kei），又名G.E.M.（“Get Everybody
                    Moving”的简称），本名邓诗颖，1991年8月16日生于中国上海，4岁移居香港，中国香港女歌手、词曲创作人。2008年7月10日，以16岁之龄出道。同年10月16日，发行首张EP《G.E.M.》，取得香港各大乐坛颁奖礼新人金奖。2011年5月，以19岁之龄在香港红馆举办5场个人演唱会
                  </p>
                </li>
                <li class="review">
                  <ul>
                    <li>
                      <div>
                        <h2>1st</h2>
                        <p>排行</p>
                      </div>
                    </li>
                    <li>
                      <div>
                        <h2>100st</h2>
                        <p>评论</p>
                      </div>
                    </li>
                    <li>
                      <div>
                        <h2>99st</h2>
                        <p>转发</p>
                      </div>
                    </li>
                    <li>
                      <div>
                        <h2>76st</h2>
                        <p>收藏</p>
                      </div>
                    </li>
                  </ul>
                </li>
              </ul>
            </div>
            <div class="item">
              <span class="banner_tv">
                <span class="zoom">
                  <img src="./upload/ico_tv.png" alt="" />
                  <h2>IT's this</h2>
                </span>
                <img class="printer" src="./img/GEM_01.jfif" alt="" />
              </span>
              <ul class="user_review">
                <li>
                  <header>
                    <div class="avatar zoom_04x">
                      <div class="avatar-profile">
                        <img src="./img/avatar_my.jpg" alt="" />
                      </div>
                      <div class="jieshao">
                        <h4>IMYCODE</h4>
                        <p>这是我的偶像邓紫棋</p>
                      </div>
                    </div>

                    <button>点击订阅</button>
                  </header>
                  <p class="duanluo">
                    邓紫棋（Gloria Tang Tsz-Kei），又名G.E.M.（“Get Everybody
                    Moving”的简称），本名邓诗颖，1991年8月16日生于中国上海，4岁移居香港，中国香港女歌手、词曲创作人。2008年7月10日，以16岁之龄出道。同年10月16日，发行首张EP《G.E.M.》，取得香港各大乐坛颁奖礼新人金奖。2011年5月，以19岁之龄在香港红馆举办5场个人演唱会
                  </p>
                </li>
                <li class="review">
                  <ul class="clearfix">
                    <li>
                      <div>
                        <h2>1st</h2>
                        <p>排行</p>
                      </div>
                    </li>
                    <li>
                      <div>
                        <h2>100st</h2>
                        <p>评论</p>
                      </div>
                    </li>
                    <li>
                      <div>
                        <h2>99st</h2>
                        <p>转发</p>
                      </div>
                    </li>
                    <li>
                      <div>
                        <h2>76st</h2>
                        <p>收藏</p>
                      </div>
                    </li>
                  </ul>
                </li>
              </ul>
            </div>
            <div class="item">
              <span class="banner_tv">
                <span class="zoom">
                  <img src="./upload/ico_tv.png" alt="" />
                  <h2>IT's this</h2>
                </span>
                <img class="printer" src="./img/GEM_01.jfif" alt="" />
              </span>
              <ul class="user_review">
                <li>
                  <header>
                    <div class="avatar zoom_04x">
                      <div class="avatar-profile">
                        <img src="./img/avatar_my.jpg" alt="" />
                      </div>
                      <div class="jieshao">
                        <h4>IMYCODE</h4>
                        <p>这是我的偶像邓紫棋</p>
                      </div>
                    </div>

                    <button>点击订阅</button>
                  </header>
                  <p class="duanluo">
                    邓紫棋（Gloria Tang Tsz-Kei），又名G.E.M.（“Get Everybody
                    Moving”的简称），本名邓诗颖，1991年8月16日生于中国上海，4岁移居香港，中国香港女歌手、词曲创作人。2008年7月10日，以16岁之龄出道。同年10月16日，发行首张EP《G.E.M.》，取得香港各大乐坛颁奖礼新人金奖。2011年5月，以19岁之龄在香港红馆举办5场个人演唱会
                  </p>
                </li>
                <li class="review">
                  <ul>
                    <li>
                      <div>
                        <h2>1st</h2>
                        <p>排行</p>
                      </div>
                    </li>
                    <li>
                      <div>
                        <h2>100st</h2>
                        <p>评论</p>
                      </div>
                    </li>
                    <li>
                      <div>
                        <h2>99st</h2>
                        <p>转发</p>
                      </div>
                    </li>
                    <li>
                      <div>
                        <h2>76st</h2>
                        <p>收藏</p>
                      </div>
                    </li>
                  </ul>
                </li>
              </ul>
            </div>
          </section>
        </article>

        <article>
         <div class="user_list">
          <ul>
            <li>热门博客</li>
            <li>
              <a href="" class="active"><img  src="./upload/right_user_01.png" class="active" alt=""></a>
              <a href="" class="active"><img  src="./upload/right_user_02.png" alt=""></a>
              <a href=""><img src="./upload/right_user_03.png" alt=""></a>
              <a href="" class="active" ><img src="./upload/right_user_04.png" alt=""></a>
              <a href=""  class="active"><img  src="./upload/right_user_05.png"  alt=""></a>
              <a href=""><img src="./upload/right_user_06.png" alt="" class="active"></a>
              <a href=""><img src="./upload/right_user_07.png" alt=""></a>
              <a href=""  class="active"><img src="./upload/right_user_08.png" alt=""></a>
              <a href="" class="active"><img   src="./upload/right_user_09.png" alt=""></a>
              <a href=""  class="active"><img src="./upload/right_user_10.png" alt="" class="active"></a>
              <a href=""><img src="./upload/right_user_11.png" alt=""></a>
              <!-- <a href=""><img src="../upload/right_user_12.png" alt=""></a> -->
            </li>
          </ul>
         </div>
         <div class="message">
           <header class="me_head">
            <h4>
              <span>·</span>
              Imycode
            </h4>
            <span><img src="./upload/ico_message.png" alt=""></span>
           </header>
           <section class="me_body">
             <div class="huabu">
              <div class="body_odd">
                <div class="user_title">
                  <img src="./upload/right_user_01.png" alt="">
                  <p>2020年3月5日,00点18分</p>
                </div>
                <div class="user_message">
                  你能给我更多关于贝爷的野外生存的视频的连接吗，我最近想去野外宿营，看能不能用的到贝爷的生存技巧~感谢
                </div>
              </div>
            </div>
            <div class="huabu">
              <div class="body_odd">
                <div class="user_title _reverse">
                  <img src="./upload/right_user_01.png" alt="">
                  <p>2020年3月5日,00点18分</p>
                </div>
                <div class="user_message">
                  你能给我更多关于贝爷的野外生存的视频的连接吗，我最近想去野外宿营，看能不能用的到贝爷的生存技巧~感谢
                </div>
              </div>
            </div>
            <div class="huabu">
              <div class="body_odd">
                <div class="user_title">
                  <img src="./upload/right_user_01.png" alt="">
                  <p>2020年3月5日,00点18分</p>
                </div>
                <div class="user_message">
                  你能给我更多关于贝爷的野外生存的视频的连接吗，我最近想去野外宿营，看能不能用的到贝爷的生存技巧~感谢
                </div>
              </div>
            </div>
            <div class="huabu">
              <div class="body_odd">
                <div class="user_title _reverse">
                  <img src="./upload/right_user_01.png" alt="">
                  <p>2020年3月5日,00点18分</p>
                </div>
                <div class="user_message">
                  你能给我更多关于贝爷的野外生存的视频的连接吗，我最近想去野外宿营，看能不能用的到贝爷的生存技巧~感谢
                </div>
              </div>
            </div>
           </section>
         </div>
         <div class="ad">
          <img src="./upload/right_ad_pic01 (1).png" alt="">
          <img src="./upload/right_ad_pic01 (2).png" alt="">
         </div>
        </article>
      </section>
    </div>
  </body>
</html>
